@charset "utf-8";
@function n($px) {
    @return $px/2;
}
$border-color: #ff9344;
.web{
   header{
        .xiangqin_top{
            margin-top: n(48px);
      .xiangqin_top_left{
                float: left;
                input {
                    width: n(123px);
                    height: n(57px);
                    border: 3px solid $border-color;
                    border-radius: n(17px);
                    font-size: n(26px);
                    background: white;
                }
            }
            .xiangqin_top_right{
                float: right;
                vertical-align: middle;
                img {
                    width: n(52px);
                    height: n(50px);
                }
            }
            .xiangqin_top_center{
                text-align: center;
                overflow: hidden;
                h4 {
                    line-height: n(61px);
                    vertical-align: middle;
                    font-size: n(26px);
                }
            } 
       
       
   } 
   }
   
   
   
   
   section{
           padding: 0 n(22px) 0 n(23px);
       .datu{
           margin-top:n(26px) ;
           margin-bottom: n(37px);
           img{
               width: 100%;
           }
       }
       .goumai{
           margin-bottom: n(51px);
           line-height: n(57px);
           span{
               float: left;
               font-size: n(72px);
               color: $border-color;
               vertical-align: middle;
           }
           input{
                    vertical-align: middle;
                    float: right;
                    width: n(123px);
                    height: n(57px);
                    border: 3px solid $border-color;
                    border-radius: n(17px);
                    font-size: n(26px);
                    background:$border-color;
                    color: white;
           }
       }
       .haopin{
           margin-bottom:n(37px);
           line-height:n(50px) ;
           .hpp{
               vertical-align: middle;
               float: left;
               font-size: n(30px);
               font-weight: bold;
               img {
                    width: n(52px);
                    height: n(50px);
                    vertical-align: middle;
                }
                .baien{
                    color: $border-color;
                }
           }
           .hp{
               float: right;
               a{
                 line-height:n(50px) ;
               vertical-align: middle;
               float: right;
                font-size: n(26px);
                color: #8e8e8e;  
               }
               
           }
       }
       .shanghu{
           padding: 0 n(10px);
           background: $border-color;
           width: 100%;
           height: n(67px);
           color: #FFFFFF;
           font-size: n(30px);
           line-height: n(67px);
           font-weight: 500;
           .shzb{
               float: left;
               
           }
           .shyb{
               float: right;
           }
       }
      
       .woca{
           margin-top: n(10px);
               .zuobiande{
                   float: left;
                   width: n(176px);
                   height: n(176px);
                   img{
                     width: 100%;
                   }
               }
               .youbiande{
                   float: right;
                    margin-top:n(77px);
                   input{
                       
                       width: n(123px);
                    height: n(57px);
                    border: 3px solid $border-color;
                    border-radius: n(17px);
                    font-size: n(26px);
                    background:$border-color;
                    color: white;
                   }
               }
               .zhongjiande{
                   float: left;
                   margin-top: n(17px);
                   margin-left: n(27px);
                   h4{
                       font-size: n(28px);
                   }
                   p{
                       font-size: 0;
                       img{
                           width: n(36px);
                           height: n(34px);
                       }
                       span{
                           font-size: n(26px);
                           color: #929292;
                       }
                      
                   }
                    h5{
                           font-size: n(24px);
                           color: #929292;
                       }
                       h6{
                          
                           a{
                               font-size: n(20px);
                               color: $border-color;
                           }
                       }
               }
           }
    
   }
  
       
    
    
 //web   
}
